<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<jsp:include page="../layout/topPg.jsp" />

<!-- INI songPg -->
<!-- Tab buttons -->
<div id="songDetailsTab">
	Song Details
</div>
<c:if test="${song.songsterr != '' && song.songsterr != null}">
	<div id="songsterrTab">
		<img src="http://www.songsterr.com/WebObjects/Songsterr.woa/Contents/WebServerResources/images/logo.png"/>
	</div>
</c:if>
<c:if test="${song.summary != '' && song.summary != null}">
	<div id="summaryTab">
		Summary image
	</div>
</c:if>

<!-- Content -->
<c:if test="${song.songsterr != '' && song.songsterr != null}">
	<div id="songsterrBox">
		<iframe src="${song.songsterr}" scrolling="no"></iframe>
	</div>
</c:if>

<c:if test="${song.summary != '' && song.summary != null}">
	<div id="summaryBox">
		<img src="${song.summary}"></img>
	</div>
</c:if>

<table class="songDetailTable">
	<tr>
		<td id="songDetailTable_fields">
			<div class="bigger text">
				${song.artist} - ${song.song}
			</div>
			<br>
			<br>
			<div class="label">
				Tune
			</div>
			<div class="text">
				${song.tune}
			</div>
			<br>
			<div class="label">
				Comments
			</div>
			<div class="text">
				${song.coments}
			</div>
			<br>
			<div class="label">
				Tablature
			</div>
			<c:if test="${song.tabLink != '' && song.tabLink != null}">
				<a href="${song.tabLink}"><img id="imgDownloadTab" src="../images/buttons/download.png" alt="Download"/></a>
			</c:if>
			<div class="text">
				${song.tabName}
			</div>
			<br>
			<br>
			<table class="difficultyTable">
				<tr>
					<th id="a"> </th>
					<th id="a">Guitar1</th>
					<th id="a">Guitar2</th>
					<th id="a">Guitar3</th>
					<th id="a">Bass</th>
					<th id="a">Solo</th>
				</tr>
				<tr>
					<td><b>Difficulty</b></td>
					<td>${song.guitar1}</td>
					<td>${song.guitar2}</td>
					<td>${song.guitar3}</td>
					<td>${song.bass}</td>
					<td>${song.solo}</td>
				</tr>
			</table>
			<br>
			<a href="../songs/edit${song.id}.html"><img id="editButton" src="../images/buttons/edit.png" alt="Edit"/></a>
		</td>
		<td id="songDetailTable_video" class="center">
			<iframe id="ytplayer" width="350" height="250" src="http://www.youtube.com/embed/${song.video}"></iframe>
		</td>
	</tr>
</table>
	
<!-- FI songPg -->

<jsp:include page="../layout/footerPg.jsp" />
